<template>
     <div class="home">

        <admin-container>
            <template v-slot:content>
                <div class="back-main">
                    <div class="title-main">
                        <div>
                            <p class="title">知行互联管理端</p>
                            <p class="message">——分享技术的社交系统 ——</p>
                        </div>
                    </div>
                    <div class="back">
                        <el-image style="height: 600px;" src="https://tohone.oss-cn-guangzhou.aliyuncs.com/def/home.png"></el-image>
                    </div>
                    
                </div>
                

            </template>

        </admin-container>
        
       
         

    </div>
</template>

<script>

import AdminContainer from '@/components/plugs/admin-container/AdminContainer.vue';

export default {
    data(){
        return{

        }
    },
    methods:{

    },
    components:{
        'admin-container':AdminContainer
    }

}
</script>

<style scoped>

.back-main{
    display: flex;
    justify-content: flex-end;


}

.title-main{
    font-weight: 900;
    color: #999;
   
    display: flex;
    width: 45%;
    justify-content: center;
    align-items: center;
}
.title{
    font-size: 38px;
    width: 100%;
    text-align: center;
}
.message{
    text-align: center;
    font-size: 26px;
}

.back{
    width: 55%;
}




</style>